<template>
	<view>
		<view v-if="!isBtn" class="text-blue" @click="downloadClick">{{title}}</view>
		<u-button v-if="isBtn" type="primary" @click="downloadClick">{{title}}</u-button>
	</view>
</template>

<script>
	export default {
		props: {
			isBtn: { type: Boolean, default: false },
			title: {
				type: String
			},
			url: {
				type: String
			}
		},
		data() {
			return {}
		},
		methods: {
			downloadClick() {
				console.log("download", this.url)
				wx.downloadFile({
					url: this.url,
					filePath: `${wx.env.USER_DATA_PATH}/${this.title}`,
					success: (res) => {
						// 下载成功后，调用saveImageToPhotosAlbum函数保存图片到本地
						// wx.getFileSystemManager().saveFile({
						// 	tempFilePath: res.tempFilePath,
						// 	success: (res) => {
						// 		console.log(res)
						// 		wx.showToast({
						// 			title: '下载成功',
						// 			icon: 'success'
						// 		})
						// 	},
						// 	fail: (res) => {
						// 		wx.showToast({
						// 			title: '下载失败',
						// 			icon: 'none'
						// 		})
						// 	}
						// })
						const {
							filePath,
							tempFilePath
						} = res; // 下载使用filePath 的时候，预览打开文件路劲也要使用filePath
						// var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用
						wx.openDocument({
							filePath: filePath, //要打开的文件路径
							showMenu: true,
							fileType: "pdf", // 打开文件的方式
							success: function(res) {
								console.log('打开PDF成功');
							}
						})
					},
					fail: (res) => {
						console.log(res)
						wx.showToast({
							title: '下载失败',
							icon: 'none'
						})
					}
				})
			}
		}
	}
</script>

<style>
</style>